<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="http://yandex.st/jquery/1.6.1/jquery.min.js"></script>
    <title>Денис Орлов - Онлайн словарь английского языка</title>

    <script type="text/javascript" src="utils.js"></script>
    <!--script type="text/javascript" src="cookieLib.js"></script>
    <script type="text/javascript" src="htmlColors.js"></script-->
    <!--script type="text/javascript" src="dict51100.js"></script-->
    <script type="text/javascript" src="dict71700.js"></script>
    <script type="text/javascript" src="trans.js"></script>

    <script type="text/javascript" src="dictmodule/dictmodule.js"></script>
    <link rel="stylesheet" href="dictmodule/dictmodule.css">
	
    <!--script type="text/javascript" src="system.js"></script-->

<link rel="stylesheet" href="infoWin.css">
<style type="text/css">
.infoContent{
    display: block;
}
</style>
<style type="text/css">
body{
    font-size: 1.5em;
}

    /*
    .origin {
        color: blue;
        margin-top: 0.5%;
    }

    .transcription {
        font-family: sans-serif;
        font-weight: bold;
        color: red;
    }


    .swTranscription, .transcription {
        font-family: sans-serif;
        font-weight: bold;
        color: red;
    }

    #swButtons{
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        z-index: 10;
        height: 10%;
        min-height: 1.5em;
    }
        #swButtons > *{
            vertical-align: top;
            float: right;
            font-size: 1.5em;
        }
        #swButtons input[type=button], #swButtons button, #swButtonsPadding{
            width: 25%;
            height: 98%;
            min-height: 1em;
        }
        #swButtons > select {
            max-width: 39%;
        }
    #info{
        float: none;
        background-color: rgba(255, 255, 255, 0.5);
        text-align: right;
        max-height: 1%;
        font-size: 1em;
    }
    #swButtonsPadding{
        height: 4em;
    }
    */
</style>

<div class="infoContent" id="infoDict">
	<!--h2 id="infoDictHead" onclick="if(res = prompt('Найти в cловаре:', this.innerHTML), res!=null && res!='') showA(res.toLowerCase());" class="origin">dictionary</h2>
	<div>
		<input type="button" class="dcBut" id="dictPrevBut" disabled="disabled" value="&#8666;" onclick="showA(dh.previous(), true)">
		<input type="button" class="dcBut" style="float:right" id="dictNextBut" disabled="disabled" value="&#8667;" onclick="showA(dh.next(), true)">
	</div>
	<button id="playInfoDict" onclick="playWord( getElem('infoDictHead').innerHTML );">
		<div id="swPlayer" style="height:0"></div><audio id="swHtml5Player" src=""></audio>
        <input type="checkbox" onclick="event.stopPropagation();" id="checkboxWordAutoPlaying" title="Word Auto Playing"/>
		&#9654;
		<span id="infoDictTranscription" class="transcription">[ˈdɪkʃənrɪ]</span>
	</button>
	<div id="infoDictContent">&#9997; Здесь будут отображаться словарные статьи. Щелкните по заголовку если хотите найти произвольную статью.</div-->
</div>

<script>
    dictModule.init(getElem('infoDict'));

function showAByHash(){
    var w = document.location.hash.split('#').pop();
    if( w!=null && w!='' ) showA(w.toLowerCase());
    if(getElem('checkboxWordAutoPlaying').checked){
        playWord( w.toLowerCase() );
    }
}

jQuery(document).ready(function(){
    showAByHash();

    $( window ).bind( 'popstate', function( e ){
        showAByHash();
    });
});
</script>

<script type="text/javascript" src="interface.js"></script>
<script>
    //document.body.children[0].style.right = '100%';
</script>
</body>
</html>